<template>
  <div class="coupon">
    <van-nav-bar
      title="粥品劵"
      left-arrow
      @click.native="$router.back(-1)"
      fixed
    />
    <div style="margin-top: 46px">
      <mt-navbar v-model="selected">
        <mt-tab-item id="1">可使用</mt-tab-item>
        <mt-tab-item id="2">不可使用</mt-tab-item>
        <mt-tab-container v-model="selected" class="tab-content">
          <mt-tab-container-item id="1">
            <van-empty
              class="custom-image"
              image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
              description="这里什么都没有"
            />
          </mt-tab-container-item>
          <mt-tab-container-item id="2">
            <van-empty image="error" description="这里什么都没有" />
          </mt-tab-container-item>
        </mt-tab-container>
      </mt-navbar>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: "1",
    };
  },
};
</script>

<style lang="scss" scoped>
.tab-content {
  position: fixed;
  left: 0;
  top: 95px;
  right: 0;
}
</style>